.el-switch {

  .el-switch__core {
    width: 59px !important;
    height: 22px;
    background: #BBBBBB;
    border-color: #BBBBBB;
  }

  .el-switch__core::before {
    content: "关闭";
    font-size: $--text-font-size;
    color: #000000;
    position: absolute;
    right: 10px;
    top: -1px;
  }
  
  .el-switch__core:after {
    width: 16px;
    height: 16px;
    top: 2px;
  }

  &.is-checked {
    .el-switch__core:after {
      width: 16px;
      height: 16px;
      left: 56px;
    }

    .el-switch__core::before {
      content: '开启';
      font-size: $--text-font-size;
      color: #ffffff;
      left: 10px;
    }
  }

}

.el-switch-en {
  .el-switch__core {
    width: 59px !important;
    height: 22px;
    background: #BBBBBB;
    border-color: #BBBBBB;
  }

  .el-switch__core::before {
    content: "OFF";
    font-size: $--text-font-size;
    color: #000000;
    position: absolute;
    right: 10px;
    top: -1px;
  }
  
  .el-switch__core:after {
    width: 16px;
    height: 16px;
    top: 2px;
  }

  &.is-checked {
    .el-switch__core:after {
      width: 16px;
      height: 16px;
      left: 56px;
    }

    .el-switch__core::before {
      content: 'ON';
      font-size: $--text-font-size;
      color: #ffffff;
      left: 10px;
    }
  }
}

.el-switch-delete {
  .el-switch__core {
    width: 59px !important;
    height: 22px;
    background: #BBBBBB;
    border-color: #BBBBBB;
  }

  .el-switch__core::before {
    content: "否";
    font-size: $--text-font-size;
    color: #000000;
    position: absolute;
    right: 10px;
    top: -1px;
  }
  
  .el-switch__core:after {
    width: 16px;
    height: 16px;
    top: 2px;
  }

  &.is-checked {
    .el-switch__core:after {
      width: 16px;
      height: 16px;
      left: 56px;
    }

    .el-switch__core::before {
      content: '是';
      font-size: $--text-font-size;
      color: #ffffff;
      left: 10px;
    }
  }
}
.el-switch-delete-en {
  .el-switch__core {
    width: 59px !important;
    height: 22px;
    background: #BBBBBB;
    border-color: #BBBBBB;
  }

  .el-switch__core::before {
    content: "No";
    font-size: $--text-font-size;
    color: #000000;
    position: absolute;
    right: 10px;
    top: -1px;
  }
  
  .el-switch__core:after {
    width: 16px;
    height: 16px;
    top: 2px;
  }

  &.is-checked {
    .el-switch__core:after {
      width: 16px;
      height: 16px;
      left: 56px;
    }

    .el-switch__core::before {
      content: 'Yes';
      font-size: $--text-font-size;
      color: #ffffff;
      left: 10px;
    }
  }
}
